

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BootstrapDemo</title>
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

</head>
<body>
    <div style="width:240px" class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading" style="background-color: #fff;border:0px">
            <span>用户信息</span>
            <button class="btn btn-primary btn- btn-xs pull-right">修改信息</button>
        </div>
        <!-- Table -->
        <table class="table">
            <tr>
                <td style="border:0px">昵称:</td>
                <td style="border:0px">zz</td>
            </tr>
            <tr>
                <td style="border:0px">年龄:</td>
                <td style="border:0px">16</td>
            </tr>
            <tr>
                <td style="border:0px">性别：</td>
                <td style="border:0px">男</td>
            </tr>
            <tr>
                <td style="border:0px"></td>
                <td style="border:0px"><button class="btn btn-primary btn-xs">修改信息</button></td>
            </tr>
        </table>

    </div>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>